<template>
    <div class="content">
      <span>{{key_}} &nbsp;&nbsp; : </span> &nbsp;&nbsp;&nbsp; <el-tag>{{value_}}</el-tag>
    </div>
</template>

<script>
    export default {
        name: "item-properties",
        data : function(){
          return {
            key_ : "",
            value_ : "",
          }
        },
        methods : {
          resolve(){
            this.key_ = this.name;
            this.value_ = this.value;
            console.log(this);
          }
        },
        mounted(){
          this.resolve();
        },
        watch : {
          name(){
            this.resolve();
          },
          value(){
            this.resolve();
          }
        },
        props : ['name','value']
    }
</script>

<style scoped>
.content{margin-bottom:6px;}
</style>
